.text {
   margin-right: auto;
   margin-left: auto;
  //  background: white;
   box-sizing: border-box;
    padding: 16px;
    border-radius: 4px;
    margin-bottom: 16px;
    background-color: var(--bg-second);
    box-shadow: 0 6px 14px 0 rgba(26, 26, 26, 0.06);
   
    textarea {
      height: 136px;
      min-height: 136px;
      max-height: 262px;
      overflow-y: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
      line-height: 1.5;
      box-sizing: border-box;
      margin: 0;
      padding: 0;

    }
    
    .input {
      width: 94.6%;
      display: flex;
      justify-content: space-between;
      margin-top: 16px;
      .input_left{
        background-color: var(--bg-second);
      }
      .input_right{
        background-color: var(--bg-second);
      }
     

      input{
        width: 49%;
        height: 32px;
        line-height: 1.5;
        border: 1px solid #d9d9d9;
        border-radius: 2px;
        color: rgba(0, 0, 0, .85);
        font-size: 14px;
        text-indent: 1em;
      }
      input::-webkit-input-placeholder{
        color:#BFBFBF;
        
    }
    }
    textarea:hover {
      border-color: #ff3333;
      border-right-width: 1px !important;
     }
    textarea:focus{
      outline: #ff3333 !important;
      border-right-width: 1px !important;
     }
    input:hover {
        border-color: #ff3333;
        border-right-width: 1px !important;
    }
    input:focus {
        outline: #ff3333;
        border-right-width: 1px !important;
    }
 
    .but{
        margin-top: 1rem;
        text-align: right;
        button{
            width:64.15px;
            height: 32px;
            border:1px solid #d9d9d9;
            color: rgba(0, 0, 0, .85);
            outline: none;
            background-color: var(--bg-second);
            margin-left: 10px;

        }

    }
  }